<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>

</head>
<body>

<!-- 1.引入echarts 可以到 www.bootcdn.cn 搜 echarts -->
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

<!-- 2.包装图表的 div -->
<div id="bar" style="width: 600px; height: 400px">
</div>

<!-- 3.根据 id 初始化图表到 div  -->
<script type="text/javascript">
  echarts.init(document.getElementById('bar')).setOption({{ bar | safe }});
</script>


<!-- 2.包装图表的 div -->
<div id="pie" style="width: 800px; height: 400px">
</div>

<!-- 3.根据 id 初始化图表到 div  -->
<script type="text/javascript">
  echarts.init(document.getElementById('pie')).setOption({{ pie | safe }});
</script>


</body>
</html>